<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/index.css">
    <title>搜索引擎作业是吧</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <!-- 顶部导航 -->
    <nav>
        <ul>
            <li><a href="javascript:;">大学牲</a></li>
            <li><a href="javascript:;">每天</a></li>
            <li><a href="javascript:;">都是</a></li>
            <li><a href="javascript:;">早八</a></li>
            <li><a href="javascript:;">真的</a></li>
            <li><a href="javascript:;">好困</a></li>
            <li><a href="javascript:;">没有更多</a></li>
        </ul>
        <!-- 右边帮助 -->
        <div class="help">帮助</div>
    </nav>
    <!-- 搜索框主题 -->
    <div class="search-part">
        <div class="logo">
            <a href="https://www.bilibili.com/video/BV1pu41127uV/?spm_id_from=333.337.search-card.all.click">
                <img src="media/logo.png">
            </a>
        </div>
        <div class="search-box">
            <input type="text" placeholder="是一个一个一个的大作业啊(怒)" autocomplete="off">
            <button class="dancing01">搜 索</button>
        </div>
    </div>
    <!-- 来打我啊部分 -->
    <div class="main-content">
        <img src="media/swing.gif">
    </div>
    <ul class="scabbard"></ul>
    <!-- footer反正就是要有 -->
    <footer>
        <ul>
            <li></li>
            <li><a href="javascript:;">这里需要</a></li>
            <li><a href="javascript:;">写点东西</a></li>
            <li><a href="javascript:;">又是大保底</a></li>
            <li><a href="javascript:;">还是B自强</a></li>
            <li><a href="javascript:;">作业好多</a></li>
            <li><a href="javascript:;">还要金工实习</a></li>
            <li><a href="javascript:;">好想开摆</a></li>
            <li><a href="javascript:;">但是不能(悲)</a></li>
            <li><a href="javascript:;">凯子哥好美啊</a></li>
            <li><a href="javascript:;">影姐姐好美啊</a></li>
            <li><a href="javascript:;">还不够长</a></li>
            <li><a href="javascript:;">creeper?</a></li>
            <li class="more"><a href="javascript:;"></a></li>
        </ul>
        <!-- creeper弹窗卡片 -->
        <div class="detail">
            <span>Awwwwwwww man!</span><br>
            <span>So we back in the mine</span><br>
            <span>Got our pickaxe swinging from</span><br>
            <span>se~~~~no~~~</span>
        </div>
    </footer>
</body>
</html>